<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>若依介绍</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">

    <div class="row border-bottom white-bg dashboard-header">

        <div class="col-sm-6">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>营区实时在位人员数量</h5>
                </div>
                <div class="ibox-content">
                    <button class="btn btn-primary dim btn-large-dim" type="button">
                        <h4>在位人员</h4>
                        <h2>1</h2>
                    </button>
                    <button class="btn btn-warning dim btn-large-dim" type="button">
                        <h4>请假人员</h4>
                        <h2>0</h2>
                    </button>
                    <button class="btn btn-danger  dim btn-large-dim" type="button">
                        <h4>集训人员</h4>
                        <h2>0</h2>
                    </button>
                    <button class="btn btn-primary  dim btn-large-dim" type="button">
                        <h4>公干人员</h4>
                        <h2>0</h2>
                    </button>
                    <button class="btn btn-info  dim btn-large-dim btn-outline" type="button">
                        <h4>其他人员</h4>
                        <h2>0</h2>
                    </button>
                </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>营区实时在位车辆数量</h5>
                </div>
                <div class="ibox-content">
                    <button class="btn btn-primary dim btn-large-dim" type="button">
                        <h4>常驻车辆</h4>
                        <h2>1</h2>
                    </button>
                    <button class="btn btn-warning dim btn-large-dim" type="button">
                        <h4>临时车辆</h4>
                        <h2>0</h2>
                    </button>
                </div>
            </div>
        </div>
        <hr>

        <div class="col-sm-6">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>请假人员信息</h5>
                </div>
                <div class="ibox-content" style="padding: 10px 0 20px">
                    <p>
                        顶部显示请假人员请假时间，返回时间，延时未归人员zhmk_carsend
                    </p>
                    <iframe class="RuoYi_iframe" name="iframe0" width="100%" height="300px" th:data-id="@{/zhmk/ask/askIndex}"
                            th:src="@{/zhmk/ask/askIndex}" frameborder="0" seamless></iframe>
                </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>营区车辆信息</h5>
                </div>
                <div class="ibox-content">
                    <p>
                        顶部提示临时车辆超过一天车辆信息，常驻、临时车辆信息（实时数据）
                    </p>
                    <iframe class="RuoYi_iframe" name="iframe0" width="100%" height="300px" th:data-id="@{/zhmk/carsend/carIndex}"
                            th:src="@{/zhmk/carsend/carIndex}" frameborder="0" seamless></iframe>
                </div>
            </div>
        </div>

    </div>

    <div class="wrapper wrapper-content">
        <div class="row">

            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>待办事项</h5>
                    </div>
                    <div class="ibox-content">
                        <p>
                            请加管理员审核显示（非管理人员不提示）
                        </p>
                        <iframe class="RuoYi_iframe" name="iframe0" width="100%" height="300px" th:data-id="@{/zhmk/check/checkIndex}"
                                th:src="@{/zhmk/check/checkIndex}" frameborder="0" seamless></iframe>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>远程开门</h5>
                    </div>
                    <div class="ibox-content">
                        <p>
                            展示所有营区门
                        </p>
                        <iframe class="RuoYi_iframe" name="iframe0" width="100%" height="300px" th:data-id="@{/zhmk/door/doorIndex}"
                                th:src="@{/zhmk/door/doorIndex}" frameborder="0" seamless></iframe>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script type="text/javascript">
	    $('#pay-qrcode').click(function(){
	        var html=$(this).html();
	        parent.layer.open({
	            title: false,
	            type: 1,
	            closeBtn:false,
	            shadeClose:true,
	            area: ['600px', '360px'],
	            content: html
	        });
	    });
    </script>
</body>
</html>
